﻿@model IEnumerable<com.fmtx.Model.Area>
@using com.fmtx.IDal;
@{
    ViewBag.Title = "Index";
    ICountry _country = fmtx.Framework.DALFactory.DataAccess<ICountry>.GetObject();
}

<div class="row">
      <div class="span3 bs-docs-sidebar" style="height:500px;">
        <ul id="areamenu" class="nav nav-list bs-docs-sidenav affix">
            @if(Model!=null){
                foreach (var item in Model)
                {
                    <li data-tag="area_@item.Id" class="@(Convert.ToInt32(Html.ViewContext.RouteData.Values["id"])==item.Id?"active":"")">
                        <a href="/area/@item.Id" ><i class="icon-chevron-right"></i> @item.Name</a></li>
                }
            }
        </ul>
        </div>
      <div class="span9">
        <!-- Typography
        ================================================== -->
          
        <div id="area_@Html.ViewContext.RouteData.Values["id"]" style="margin-top:30px;padding-top: 1px;" >
        <ul class="unstyled lifloat">
            @if (ViewBag.clist != null)
            {
                foreach (var cc in ViewBag.clist)
                {
                    <li><span class="spantagbox"><a href="/country/@cc.Id" >@cc.Name</a></span></li>
                }
            }
        </ul>
        </div>
      </div>
</div>
<div class="clear"></div>
@section scripts{
    <script type="text/javascript">
        $("#areamenu li").click(function () {
            $(this).addClass("active").siblings("li").removeClass("active");
            var tag = $(this).attr("data-tag");
            
        });
    </script>
    }